<!DOCTYPE html>
<html>
<head>
    <title>唧唧-bilibili视频|弹幕在线下载</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="哔哩哔哩唧唧,哔哩哔哩,bilibili视频下载,bilibili弹幕下载,bilibili,唧唧" />
    <meta name="description" content="这是一个基于web,用于下载bilibili视频的在线应用程序,它能够下载99%bilibili官方视频(奇艺\乐视TV那些非官方播放器除外),并且它将会终身免费提供使用,另外,现在它已经支持弹幕下载!" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <style>
.Bm24770{height:318px !important;position:absolute !important;left:625px !important;top:333px !important;width:310px !important}
        @media (max-width:1599px) {
.Bm24770 {height: 274px !important;position: absolute !important;left: 545px !important;top: 289px !important;width: 268px !important;
            }
        }
        .BilibiliPlayer{
                    background-size: 100% 110% !important;position:relative;
                }
            .m24770, .Rm24770, .m477077, .m24770m2{
        height:100%;}
    </style>
    <script>
        var Css_All_Ver = 8;
        var Css_Home_Ver = 9;
        var Js_Home_Ver = 35;
        var Js_All_Ver = 62;
        function GetHtml(Url) { var Html; var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { Html = xmlhttp.responseText; } }; xmlhttp.open("GET", Url + "?t=" + Math.random(), false); xmlhttp.send(); return Html; } function GetCss(Url, Name, NewVer) { var a, b; a = "Css_" + Name; b = a + "_Ver"; if (!window.localStorage.getItem(a) || parseInt(window.localStorage.getItem(b)) < NewVer) { window.localStorage.setItem(a, GetHtml(Url)); window.localStorage.setItem(b, NewVer); } document.write("<style>" + window.localStorage.getItem(a) + "</style>"); } function SetJS(JsData) { var hjs = document.createElement('script'); hjs.text = JsData; document.body.appendChild(hjs); } function GetJs(Url, Name, NewVer) { var a, b; a = "Js_" + Name; b = a + "_Ver"; if (!window.localStorage.getItem(a) || parseInt(window.localStorage.getItem(b)) < NewVer) { var c = GetHtml(Url); window.localStorage.setItem(a, c); if (c.indexOf('//EndSub') > -1) { window.localStorage.setItem(b, NewVer); } } SetJS(window.localStorage.getItem(a)); }

        GetCss("http://cdn.bilibilijj.com/css/Home.css", "Home", Css_Home_Ver);
        GetCss("http://cdn.bilibilijj.com/css/All.css", "All", Css_All_Ver);
    </script>
    <style>
        /*此UI代码由唧唧原创*/
    </style>

</head>
<body onkeydown="SetFocus(event);" onclick="">
    <div class="PBox GG" style="z-index:99999999999999"></div>
    <script>
        if (typeof (Worker) == "undefined") {
            document.location.href = '/CompatibleIndex';
        }
    </script>
    <div id="container" class="container">
        <div id="output" class="container">
        </div>
        <div id="vignette" class="overlay vignette">
        </div>
        <div id="noise" class="overlay noise">
        </div>
        <div id="ui" class="wrapper">
        </div>
    </div>
    <div id="controls" class="controls"></div>
    <div class="PBox LoginMinBox"><a onclick="GetLogin();">登录</a>&nbsp;&nbsp;<a onclick="GetReg();">加入唧唧</a></div>
    <canvas id="snowfall" style="z-index:-1;position:fixed;top:0;left:0;pointer-events: none;"></canvas>
    <div id="Load" style="position:fixed;top:0;left:0;opacity: 0.5;width: 100%;height: 100%;background-color: #000;z-index:-2;"></div>
    <div class="Win8-Main" id="Win8-Main">
        <div class="Win8">
            <div class="Width-6 Box" style="position:relative;">
                <span style="margin: 10px;font-size: 12px;position: absolute;right: 5px;" id="GoToBilibili"><a href="#" style="text-decoration: none;color: #fff;" id="help"></a>&nbsp;&nbsp;<a href="http://www.weibo.com/jxiaoc" style="text-decoration: none;color: #fff;" target="_blank">新浪微博</a>&nbsp;&nbsp;<a href="/oldindex" style="text-decoration: none;color: #fff;">返回旧版本</a></span>
                <div class="Win8-Title" style="display: block;font-size: 1.4em;margin-bottom: 1%;">唧唧</div>
                <div class="Win8-Title SubTitle" style="display: block;">在这里你可以下载到对应AV号(B站视频编号)的视频(包括福利)、MP3和弹幕文件</div>
                <div class="Win8-Title SubTitle" style="display: block;">这是一个基于web,用于下载bilibili视频的在线应用程序,它能够下载99%bilibili官方视频</div>
                <div class="Win8-Title SubTitle" style="display: block;">(奇艺\乐视TV那些非官方播放器除外),并且它将会终身免费提供使用</div>
            </div>
        </div>
        <div class="Win8">
            <div class="Width-2 Box" style="position:relative;">
                <div class="Win8-Name Icon Icon_Start" data-bg="/images/win8/Start" data-bg-ver="1.0"></div>
                <div class="BibiliGo">
                    <div class="help helptop">1、在下面输入B站视频ID或地址</div>
                    <div class="help helpbottom">2、输入后按下回车进行下载</div>
                    <div id="Bilibili_Title">　</div>
                    <div id="Bilibili_Msg" onclick="ClickGo();">输入B站视频地址下载或任意字符搜索</div>
                    <div><input type="text" id="Bilibili_Av" onpropertychange="IsAv();" oninput=" IsAv();" onkeypress=" GoAv(event);" placeholder="不用点击也可以直接输入" /><span style="margin-left: -20px;color: #8B8B8B;cursor: pointer;" onclick="$('#Bilibili_Av').val('');">x</span></div>
                </div>
            </div>
            <div class="Width-1 Box Left-Width-1">
                <a href="/new/video" target="_blank">
                    <div class="Icon" style="width: 75px;height: 75px;" data-bg="/images/win8/NewVideo" data-bg-ver="1.1"></div>
                    <div class="Win8-Name">最新视频</div>
                </a>
            </div>
            <div class="Width-1 Box Left-Width-1">
                <a href="/new/music" target="_blank">
                    <div class="Icon" style="width: 75px;height: 75px;" data-bg="/images/win8/NewAudio" data-bg-ver="1.2"></div>
                    <div class="Win8-Name">最新音频</div>
                </a>
            </div>
            <div class="Width-1" data-nobg="No">
                <div id="GoodAdd1" class="Width-025 Box" style="margin: 0 10px 14px 0;">
                    <div class="Icon Icon025" style="width: 75px;height: 75px;" data-bg="/images/win8/J1" data-bg-ver="1.0" onclick="window.open('http://koubei.baidu.com/s/www.bilibilijj.com')" title="为唧唧点赞"></div>
                </div>
                <div id="Chrome" class="Width-025 Box" style="margin: 0 0 14px 0;">
                    <div class="Icon Icon025" style="width: 75px;height: 75px;" data-bg="/images/win8/Chrome" data-bg-ver="1.0" onclick="window.open('/chrome')" title="Chrome插件"></div>
                </div>
                <div class="Width-025 Box" style="margin: 0 10px 0 0;">
                    <div class="Icon Icon025" style="width: 75px;height: 75px;" data-bg="/images/win8/Msg" data-bg-ver="1.1" onclick="window.open('http://msg.bilibilijj.com')" title="留言板"></div>
                </div>
                <div class="Width-025 Box">
                    <div class="Icon Icon025" style="width: 75px;height: 75px;" data-bg="/images/win8/About" data-bg-ver="1.0" onclick="window.open('/about')" title="关于"></div>
                </div>
            </div>
            <div class="Width-1 Box Box-Setting">
                <div class="Icon" style="width: 75px;height: 75px;" data-bg="/images/win8/setting" data-bg-ver="1.2"></div>
                <div class="Win8-Name Setting">设置</div>
                <div class="Data">
                    <div class="Close">x</div>
                    <ul>

                        <li>
                            <div class="bg"><span class="Action">静态背景图</span><span>Canvas特效</span></div>
                            <div class="SettingData">
                                <div style="padding: 37px 0 0px 100px; position: relative; height: 25px;">选择图片<div style="position: absolute; top: 0px; right: 0px; width: 55px; text-align: center; height: 18px; background-color: red; color: #fff; font-size: 12px; padding: 5px; z-index: 99999; cursor: pointer;" onclick="window.localStorage.BG='';alert('已恢复默认背景图，刷新后生效。');">恢复默认</div><input class="File_Img" type="file" value="请选择背景图" id="File_Image" /></div>
                                <div style="display:none;"></div>
                            </div>
                        </li>
                        <li>
                            <div class="Opt">
                                <span style=" display block; width 80px; float left; background-color rgb(81,51,171); padding 10px;">方块透明度(广告屏蔽插件可能会导致出问题)</span>
                                <div style="width: 200px;height: 41px;background-color: rgba(255,255,255,0.5);margin-left: 120px;border: 1px solid rgba(0,0,0,0.1);cursor: pointer;" onclick="SetOpt();">
                                    <span style="height: 100%;display: block;padding: 0;margin: 0;background-color: rgba(0, 0, 0, 0.7);width: 37%;"></span>
                                </div>
                            </div>
                            <script>
                                function SetOpt(ev) {
                                    var oEvent = ev || event;
                                    var oLeft = (oEvent.clientX - $(".Opt div:eq(0) span").offset().left) / 200 * 100;
                                    $(".Opt div:eq(0) span").css("width", oLeft + "%");
                                    window.localStorage.Opacity = oLeft / 100;
                                    LoadData();
                                    ShowImageBG();
                                }
                            </script>
                        </li>
                        <li><div class="MainAlign"><span class="Action">左对齐显示</span><span>居中显示</span></div></li>
                        <li><div class="ShowColor"><span class="Action">透明方块</span><span>彩色方块</span></div></li>
                        <li><div class="ShowDM"><span class="Action">打开弹幕</span><span>关闭弹幕</span></div></li>
                        
                        <li><div class="ShowType"><span class="Action">新窗口打开</span><span>原窗口打开</span></div></li>
                        
                        <li><div class="A_DShow"><span class="Action">显示联盟广告</span><span>关闭联盟广告</span></div><div style="background-color: #fff;width: 260px;height: 100px;margin: 15px 0 0 10px;color: #000;font-size:12px;"><div style="padding: 5px;user-select:text;-webkit-user-select:text;">联盟广告是唧唧用于维持运维的主要收入来源，但是为了方便强迫症，您在这里可以自由开启或关闭。您也可以选择赞助唧唧，帮助它能更好的发展。<br />支付宝:donate@bilibilijj.com</div></div></li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="Win8">
            <div class="Width-2 Box" style="position:relative;">
                <div class="MYTime"></div>
                <div style="margin:4px;">
                    <div id="hito" class="hito" style="padding: 9px;font-size:0.9em;">
                    </div>
                </div>
            </div>
            <div class="Width-2 Box">
                <div class="RollList">
                    <ul>
                        <div data-nobg='No'>
<li>
                            <a href='/video/av8659008' target = '_blank'><img class='Music_image_Data' style='width: 100%; height: 100%; display:block;opacity:0.3;' src='http://i0.hdslb.com/bfs/archive/49da637c54f6cf3ed39b4ebc76d4454f71cacdfe.jpg' onerror="javascript: this.src = '/images/win8/300ang.png'; "/>
                                <div class='Pbox' style='background-color: rgba(0,0,0,0.2);'>【暴走大事件第五季】02  大事件吉祥物遭遇空前危机，东莞之歌祭奠那逝去的青春</div></a>
                        </li>

<li>
                            <a href='/video/av8636310' target = '_blank'><img class='Music_image_Data' style='width: 100%; height: 100%; display:block;opacity:0.3;' src='http://i0.hdslb.com/bfs/archive/56d6792656c00772fd3eab4e721db904442bf68c.jpg' onerror="javascript: this.src = '/images/win8/300ang.png'; "/>
                                <div class='Pbox' style='background-color: rgba(0,0,0,0.2);'>【1月】小林家的龙女仆 06【独家正版】</div></a>
                        </li>

<li>
                            <a href='/video/av8604995' target = '_blank'><img class='Music_image_Data' style='width: 100%; height: 100%; display:block;opacity:0.3;' src='http://i1.hdslb.com/bfs/archive/5eb16f453363370f7b1732146b9bdca3844f9001.jpg' onerror="javascript: this.src = '/images/win8/300ang.png'; "/>
                                <div class='Pbox' style='background-color: rgba(0,0,0,0.2);'>陈一发儿 原创《告一段落》</div></a>
                        </li>

<li>
                            <a href='/video/av8621139' target = '_blank'><img class='Music_image_Data' style='width: 100%; height: 100%; display:block;opacity:0.3;' src='http://i2.hdslb.com/bfs/archive/23bc23b55977e888ca1eddc41fde16875bbe9dd9.jpg' onerror="javascript: this.src = '/images/win8/300ang.png'; "/>
                                <div class='Pbox' style='background-color: rgba(0,0,0,0.2);'>【1月】黑白来看守所 20【独家正版】</div></a>
                        </li>

<li>
                            <a href='/video/av8662782' target = '_blank'><img class='Music_image_Data' style='width: 100%; height: 100%; display:block;opacity:0.3;' src='http://i0.hdslb.com/bfs/archive/9f5966737f0d93c9ca731c5c832543b0f2e3ee0a.jpg' onerror="javascript: this.src = '/images/win8/300ang.png'; "/>
                                <div class='Pbox' style='background-color: rgba(0,0,0,0.2);'>【1月】URARA迷路帖 07【独家正版】</div></a>
                        </li>

<li>
                            <a href='/video/av8673782' target = '_blank'><img class='Music_image_Data' style='width: 100%; height: 100%; display:block;opacity:0.3;' src='http://i1.hdslb.com/bfs/archive/1edf369fff93aa4fe2d6da5e364a4446de14a73e.jpg' onerror="javascript: this.src = '/images/win8/300ang.png'; "/>
                                <div class='Pbox' style='background-color: rgba(0,0,0,0.2);'>【泠鸢】醉【嫣汐曲翻唱-低音练习中…】</div></a>
                        </li>

<li>
                            <a href='/video/av8615024' target = '_blank'><img class='Music_image_Data' style='width: 100%; height: 100%; display:block;opacity:0.3;' src='http://i1.hdslb.com/bfs/archive/e02f77baf98a00d340f4b8e3545d4dcfa039207e.jpg' onerror="javascript: this.src = '/images/win8/300ang.png'; "/>
                                <div class='Pbox' style='background-color: rgba(0,0,0,0.2);'>ASMR 真舔耳和吃糖 FrivolousFox</div></a>
                        </li>

<li>
                            <a href='/video/av8638260' target = '_blank'><img class='Music_image_Data' style='width: 100%; height: 100%; display:block;opacity:0.3;' src='http://i1.hdslb.com/bfs/archive/ba50cf9a04ff30fa538fe0fb3a715f37c43e61f7.jpg' onerror="javascript: this.src = '/images/win8/300ang.png'; "/>
                                <div class='Pbox' style='background-color: rgba(0,0,0,0.2);'>【1月】CHAOS;CHILD 06【独家正版】</div></a>
                        </li>

<li>
                            <a href='/video/av8619896' target = '_blank'><img class='Music_image_Data' style='width: 100%; height: 100%; display:block;opacity:0.3;' src='http://i1.hdslb.com/bfs/archive/246bae74e9670e03a87a41afe8c9fe3acbe3226c.png' onerror="javascript: this.src = '/images/win8/300ang.png'; "/>
                                <div class='Pbox' style='background-color: rgba(0,0,0,0.2);'>【泰剧/2月】《我的兄弟情人》中字第十集@天府泰剧</div></a>
                        </li>
</div>
                    </ul>
                </div>
            </div>
            <div class="Bm24770 Box" style="position:relative;">
                <div class="m24770">
                    
                    
                    
                    <div class="Rm24770">

                        <m24 data-nobg='No'>
                            <m20 m247707Ver="4.6" m247707="1"></m20><div class="PBox"></div>
                            
                        </m24>
                        
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="Win8">
            <div class="Width-2 BilibiliPlayer">
                <span style="margin: 10px;font-size: 12px;position: absolute;right: 5px;z-index: 9;" id="GoToBilibili"><a id="ShowOrHideMusicBg" onclick="MusicBg();" style="text-decoration: none;color: #fff;display:none;margin-right:15px;cursor:pointer;">背景切换:关闭</a></span>
                <div class="Music_Image MusicPlay">
                    <div title="音量" class="Sound" style="position: absolute; cursor: pointer; top: 0px; left: 0px; z-index: 9; font-size: 12px; background-color: rgba(255, 255, 255, 0.8); width: 100%; text-align: center; height: 3px; display: block;"></div>
                    <div title="音量" class="Sound" style="position: absolute; cursor: pointer; top: 0PX; left: 0px; z-index: 9; font-size: 12px; background-color: rgba(255, 255, 255, 0.298039); width: 100%; text-align: center; height: 3px; display: block;"></div>
                    <div title="提交音乐" onclick="window.open('http://addmusic.xiaoc.cn');" class="AddMusic" style="position: absolute; cursor: pointer; top: 3px; right: 0px; z-index: 9; font-size: 22px; background-color: rgba(255, 255, 255, 0.298039); width: 25px; text-align: center; height: 36px; display: block;">+</div>
                    <div style="width: 100%;height: 100%;opacity: 0.3;background-color:#000;position: absolute;"></div>
                    <img class="Music_image_Data" style="width: 100%;height: 100%;opacity: 0;">

                </div>
                <div class="Music_Main">
                    <div class="Win8-Name Icon Icon-PlayOrPause" data-bg="/images/win8/Play" data-bg-ver="1.0" onclick="ga('send', 'event', 'PlayMusic', 'Play', 'True');"></div>
                    <div class="Win8-Name Icon Icon-PlayOrPause" style="display:none;" data-bg="/images/win8/Pause" data-bg-ver="1.0" onclick="ga('send', 'event', 'PlayMusic', 'Pause', 'True');"></div>
                    <span id="Next" class="Icon Next" style="float: right;display:none;" data-bg="/images/win8/Next" data-bg-ver="1.0"></span>
                    <div id="FM_Progress" onclick="Go(event);" style="display:none;">
                        <div style="width: 0%;"></div>
                        <div style="background-color: rgb(255, 255, 255); opacity: 0.8; width: 0%;"></div>
                    </div>
                </div>
                <div class="Win8-Name" style="position: absolute;bottom: 4px;left: 14%;z-index:9;"><a href="" target="_blank" id="MusicName" style="color:#fff;"></a></div>
                <div class="Win8-Name Icon Icon-Music" data-bg="/images/win8/Music" data-bg-ver="1.0"></div>
            </div>
            
            <div class="Width-2 Box m477077" style="position:relative;">
                
                <div class="m24770m2" style="">
                    <m21 m247707Ver="4.1" m247707="0" style=""></m21><div class="PBox"></div>
                </div>
            </div>
        </div>
        <div class="Width-2" id="Right_Main" data-nobg="No" style="left: 1010px; width: 310px; margin-top: -350px;">
            
            
            
            
        </div>

    </div>
    </div>
    <div class="Links HomeLinks">
        <span>友情链接</span><a href="http://www.bilibili.com/" target="_blank">哔哩哔哩</a><a href="http://www.bilinavi.com/" target="_blank">Bilinavi引导站</a><a href="http://www.dilidili.com/" target="_blank" title="嘀哩嘀哩">嘀哩嘀哩</a><a href="http://www.mikuclub.cn/" target="_blank">初音社</a><a href="http://www.acgnz.cc/" target="_blank">幻天领域</a><br /><a href="http://www.comicst.com/" target="_blank">漫社堂</a><a href="http://www.luoqiu.com" target="_blank">落秋中文</a><a href="http://www.nvlis.net/manhua1/" target="_blank">少女漫画</a><a href="http://www.huanlj.com/?1611" target="_blank">友链交换平台</a><a href="http://www.lieqiman.com/" target="_blank">猎奇漫画</a>
    </div>
    <script>
        //GetJs("http://cdn.bilibilijj.com/Js/Scroll.js", "Scroll", Js_Scroll_Ver);
        GetJs("http://cdn.bilibilijj.com/Js/All.js", "All", Js_All_Ver);
        GetJs("http://cdn.bilibilijj.com/Js/Home.js", "Home", Js_Home_Ver);
    </script>
    <script>
        $("m21").click(function () { window.open('http://www.dilidili.com'); });
        $("m20").click(function () {
            window.open('http://ad.moemoe.la:8001/ad/neta-bilibilijj');
        });
        function SetTJ(id) {
            window.open('http://www.bilibili.com/video/av3230382');
            $.ajax({
                type: "GET",
                url: "/API/SetTJCount/",
                dataType: "text",
                data: { t: Math.random(), id: id },
                success: function (data) {
                }
            });
        }
        function LoadA_DImage(ClassName) {
            $(ClassName).each(function () {
                var ImageID = $(this).attr("m247707");
                var ImageVer = $(this).attr("m247707Ver");
                console.log(ImageID);
                if (!window.localStorage.getItem("W10086" + ImageID) || ImageVer != window.localStorage.getItem("VerW10086" + ImageID)) {
                    var This = this;
                    $.ajax({
                        type: "GET",
                        url: "http://qiniu.bilibilijj.com/system/" + ImageID + ".txt",
                        dataType: "text",
                        data: { t: Math.random() },
                        success: function (data) {
                            window.localStorage.setItem("W10086" + ImageID, data);
                            window.localStorage.setItem("VerW10086" + ImageID, ImageVer);
                            $("head").append("<style type='text/css'>" + ClassName + "{background-image:url(\"" + data + "\");background-size: 100%;;width:100%;height:100%;cursor:pointer;display:block;}</style>")
                        }
                    });
                }
                else {
                    $("head").append("<style type='text/css'>" + ClassName + "{background-image:url(\"" + window.localStorage.getItem("W10086" + ImageID) + "\");background-size: 100%;width:100%;height:100%;cursor:pointer;display:block;}</style>")
                }
            });
        }
        LoadA_DImage("m20");
        LoadA_DImage("m21");
        $("head").append("<style type='text/css'>.m24770m2{height: 100%}</style>")

        function ShowOrHideA_D() {
            if (!window.localStorage.ShowAD || window.localStorage.ShowAD == "true") {
                $("a_dlist").css("display", "block");
                $(".meimeimei").css("display", "block");
            } else {
                $("a_dlist").css("display", "none");
                $(".m477077").css("display", "block");
                $(".VideoBaiDuA_D").css("display", "none");
                $(".meimeimei").css("display", "none");
            }
        }
        ShowOrHideA_D();
        $(".Rm24770 ul").each(function () { $(this).Roll(10000) });
    </script>
    <script src="/Js/Chkdsk.js"></script>
    <div style="display:none">
        <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_5544535'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/stat.php%3Fid%3D5544535' type='text/javascript'%3E%3C/script%3E"));</script>
    </div>

    <script>
        window.onload = function () {
            IsOk("Css_All"); IsOk("JS"); IsOk("Js_All");
            IsOk("Css_Home");
            IsOk("Js_Home");
            if (IsNotOk && (!window.localStorage.ReNumber || parseInt(window.localStorage.ReNumber) < 5)) { window.localStorage.ReNumber = (window.localStorage.ReNumber ? parseInt(window.localStorage.ReNumber) : 0) + 1; window.location.reload(); } setTimeout(function () { window.localStorage.removeItem("ReNumber") }, 10000);
        }
    </script>
</body>
</html>